<template>
    <van-tabbar route z-index="1" active-color="#F97823" class="a111" inactive-color="#f5f5f5" :border="falses">
        <van-tabbar-item class="a111" replace icon="like-o" to="/">首页</van-tabbar-item>
        <van-tabbar-item class="a111" replace icon="like-o" to="/vip">会员</van-tabbar-item>
        <van-tabbar-item class="a111" replace icon="manager-o" to="/user">用户中心</van-tabbar-item>
    </van-tabbar>
</template>
<script setup>
const falses = false;
</script>

<style>
.a111 {
    background-color: rgb(0, 0, 0);
    --van-tabbar-height: 4.5rem;
    --van-tabbar-item-icon-size: 1.85rem;
}

/* 鼠标移上去改变图标和字体颜色 */
.a111 :hover .van-tabbar-item__icon,
.a111 :hover .van-tabbar-item__text {
    color: #F97823;
}
</style>
